Icon 组件

介绍

Icon小图标组件

用法

基本引入

// 1. 引入
import { Icon } from 'fq-mall-taro-components';
// 2. 设置icon对应的定义
public static IconTypes = {

}

基础用法

<Icon value={Icon.IconTypes.back1}/>

修改颜色与大小用法

<Icon value={Icon.IconTypes.back1} size='20' color={'#cccccc'} />

修改样式名

<Icon className='xxx' value={Icon.IconTypes.back1} size='20' color={'#cccccc'} />

增加点击事件

<Icon onClick={() => {}} className='xxx' value={Icon.IconTypes.back1} size='20' color={'#cccccc'} />

API

属性

参数	说明	类型	默认值
value	对应iconfont的值	string	-
customStyle	自定义style, 可选	string | React.CSSProperties | undefined	-
className	class样式, 可选	string	-
prefixClass	样式, 可选	string	'fq-icon'

方法

函数名	说明	参数
onClick	点击时触发	-